﻿@{
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }
    else

        if (ViewBag.permiso == 2)
        {

            Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

        }
        else
            if (ViewBag.permiso == 1)
            {
                Layout = "~/Views/Shared/_PropietarioLayout.cshtml";
            }
    ViewBag.Title = "Cuentas Pendientes";
}
<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
                .text(t)
                .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });
    });

</script>

    <!-- content -->
    <div class="body2">
        <div class="main">
            <section id="content">
                <div class="wrapper">
                    <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                     
                    <article class="col1" style="width: 750px">
                        <!--dentro de div pad2 trabajare mi formulario -->
                        <div class="pad2">
                            <h2 class="pad_bot1 pad_top1">Cuotas pendientes</h2>

                            <form id="ContactForm" method="post">
                                <div>
                                    <br>
                                    @if (ViewBag.ListaCuotas.Count != 0)
                                    {
                                        <table border="0" id="indice">
                                            <tr>
                                                <th>Cuota</th>
                                                <th>Nro. Depto.</th>
                                                <th>Monto</th>
                                                <th>Fecha de Emision</th>
                                                <th>Fecha de Vencimiento</th>
                                                <th>Ver</th>
                                                <th>Registrar Pago</th>
                                            </tr>
                                            @foreach (var cuota in ViewBag.ListaCuotas)
                                            {
                                                <tr class="alt">
                                                    <td style="text-align: right">@cuota.prIdCuota</td>
                                                    <td style="text-align: center">@cuota.prDepartamento.prNumeroDepartamento</td>
                                                    <td style="text-align: right">@cuota.prMonto.ToString("0.00") soles</td>
                                                    <td style="text-align: center">@cuota.prFechaEmision.ToShortDateString()</td>
                                                    <td style="text-align: center">@cuota.prFechaVencimiento.ToShortDateString()</td>
                                                    <td style="text-align: center">@Html.ActionLink("Ver", "ReporteCuotaPDF", new { @cuota.prIdCuota, back = "index" })</td>
                                                    <td style="text-align: center">@Html.ActionLink("Comprobante", "RegistrarComprobante", new { @cuota.prIdCuota })| @Html.ActionLink("Transferencia", "RegistrarTransferencia", new { @cuota.prIdCuota }) </td>

                                                </tr>
                                            }
                                        </table>
                                    }
                                    else
                                    {
                                        <h2>No tiene cuotas pendientes</h2>
                                    }
                                </div>
                            </form>
                            <br>
                        </div>
                    </article>
                </div>

            </section>
        </div>
    </div>

    <!-- / content -->

    <script type="text/javascript"> Cufon.now(); </script>

